<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="../merge_table/css.css" rel="stylesheet">
    <link href="index.css" rel="stylesheet">
    <link href="../merge_table/jquery_ui.css">

    <script src="../merge_table/jquery.js"></script>
    <script src="../merge_table/jquery_ui.js"></script>
    <script src="./index.js" type="text/javascript"></script>
</head>
<body>
    <div id="drag-box">
        <div class="drag-left">
            <div class="table-box" style="width: initial">
                <table id="table" class="table" border="1" cellspacing="0" cellpadding="0">
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="drag-right">
            <div class="tools">
                <div class="tool-item" data-event="text">文本组件</div>
                <div class="tool-item" data-event="input">输入框</div>
            </div>
        </div>
    </div>
</body>
</html>